<!-- PAGE CONTENT WRAPPER -->
<div class="page-content-wrap">

    <div class="row">
        <div class="col-md-12">
            <!--查询条件-->
            <form class="form-horizontal">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title"><strong>勋章查询</strong></h3>
                        <ul class="panel-controls">
                            <li><a href="javascript:void(0)" class="panel-remove"><span class="fa fa-times"></span></a></li>
                        </ul>
                    </div>
                    <div class="panel-body">
                        <p>本页面可对系统内的勋章信息进行查询、管理等操作。</p>
                    </div>
                    <div class="panel-body">

                        <div class="row">

                            <div class="col-md-6">

                                <div class="form-group">
                                    <label class="col-md-3 control-label">勋章名称</label>
                                    <div class="col-md-9">
                                        <div class="input-group">
                                            <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                            <input type="text" class="form-control" ng-model="queryPara.badgeName"/>
                                        </div>
                                        <span class="help-block">请输入勋章的名称</span>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-3 control-label">开始时间</label>
                                    <div class="col-md-9">
                                        <div class="input-group">
                                            <span class="input-group-addon"><span class="fa fa-calendar"></span></span>
                                            <input type="text" class="form-control datepicker" cm-datepicker ng-model="queryPara.fromDate">
                                        </div>
                                        <span class="help-block">请输入勋章创建的最早时间</span>
                                    </div>
                                </div>

                            </div>
                            <div class="col-md-6">

                                <div class="form-group">
                                    <label class="col-md-3 control-label">勋章编码</label>
                                    <div class="col-md-9">
                                        <div class="input-group">
                                            <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                            <input type="text" class="form-control" ng-model="queryPara.badgeCode"/>
                                        </div>
                                        <span class="help-block">请输入勋章的编码</span>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-3 control-label">结束时间</label>
                                    <div class="col-md-9">
                                        <div class="input-group">
                                            <span class="input-group-addon"><span class="fa fa-calendar"></span></span>
                                            <input type="text" class="form-control datepicker" cm-datepicker ng-model="queryPara.toDate">
                                        </div>
                                        <span class="help-block">请输入勋章创建的最晚时间</span>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="panel-footer" style="text-align: center;">
                        <button class="btn btn-primary" ng-click="queryBadge(1)"><i class="fa fa-search"></i>查询</button>
                        <button class="btn btn-primary" ng-click="refresh()"><i class="fa fa-refresh"></i>重置</button>
                        <button class="btn btn-primary" ng-click="addBadge()"><i class="fa fa-plus"></i>新增</button>
                    </div>
                </div>
            </form>
            <!--end 查询条件-->

            <!-- START TABLE HOVER ROWS -->
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title"><strong>勋章查询结果：</strong></h3>
                </div>
                <div class="panel-body table-responsive">
                    <p style="float: left;">本次查询共查询到{{pagination.length}}条记录。</p>
                    <cm-pagination ng-model="pagination" ng-show="pagination.length > 0"></cm-pagination>
                    <table class="table table-hover">
                        <thead>
                        <tr>
                            <th>名称</th>
                            <th>编码</th>
                            <th>图片</th>
                            <th>描述</th>
                            <th>创建时间</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr style="word-wrap:break-word;word-break: break-all;" ng-repeat="badge in queryResult.datas">
                            <td width="15%">{{badge.badgeView.name}}</td>
                            <td width="15%">{{badge.badgeView.code}}</td>
                            <td width="10%"><img ng-src="{{badge.badgeView.picture | faceUrl}}" width="100px"></td>
                            <td width="30%">{{badge.badgeView.remark}}</td>
                            <td width="15%" ng-bind="badge.badgeView.createDate | date:'yyyy年MM月dd日 HH:mm:ss'"></td>
                            <td width="15%">
                                <div class="btn-group">
                                    <a href="javascript:void(0);" data-toggle="dropdown" class="btn btn-primary dropdown-toggle">记录操作<span class="caret"></span></a>
                                    <ul class="dropdown-menu" role="menu" style="text-align: center;">
                                        <li ng-click="editBadge(badge)"><a>编辑信息</a></li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <cm-pagination ng-model="pagination" ng-show="pagination.length > 0"></cm-pagination>
                </div>
            </div>
            <!-- END TABLE HOVER ROWS -->

        </div>
    </div>

</div>
<!-- END PAGE CONTENT WRAPPER -->